<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>哈密瓜</title>
<base href="../../../Public/"/>
<link href="css/css.css" type="text/css" rel="stylesheet" />
<link href="css/main.css" type="text/css" rel="stylesheet" />
<link rel="shortcut icon" href="images/main/favicon.ico" />
<style>
body{overflow-x:hidden; background:#f2f0f5; padding:15px 0px 10px 5px;}
#searchmain{ font-size:12px;}
#search{ font-size:12px; background:#548fc9; margin:10px 10px 0 0; display:inline; width:100%; color:#FFF; float:left}
#search form span{height:40px; line-height:40px; padding:0 0px 0 10px; float:left;}
#search form input.text-word{height:24px; line-height:24px; width:180px; margin:8px 0 6px 0; padding:0 0px 0 10px; float:left; border:1px solid #FFF;}
#search form input.text-but{height:24px; line-height:24px; width:55px; background:url(images/main/list_input.jpg) no-repeat left top; border:none; cursor:pointer; font-family:"Microsoft YaHei","Tahoma","Arial",'宋体'; color:#666; float:left; margin:8px 0 0 6px; display:inline;}
#search a.add{ background:url(images/main/add.jpg) no-repeat -3px 7px #548fc9; padding:0 10px 0 26px; height:40px; line-height:40px; font-size:14px; font-weight:bold; color:#FFF; float:right}
#search a:hover.add{ text-decoration:underline; color:#d2e9ff;}
#main-tab{ border:1px solid #eaeaea; background:#FFF; font-size:12px;}
#main-tab th{ font-size:12px; background:url(images/main/list_bg.jpg) repeat-x; height:32px; line-height:32px;}
#main-tab td{ font-size:12px; line-height:40px;}
#main-tab td a{ font-size:12px; color:#548fc9;}
#main-tab td a:hover{color:#565656; text-decoration:underline;}
.bordertop{ border-top:1px solid #ebebeb}
.borderright{ border-right:1px solid #ebebeb}
.borderbottom{ border-bottom:1px solid #ebebeb}
.borderleft{ border-left:1px solid #ebebeb}
.gray{ color:#dbdbdb;}
td.fenye{ padding:10px 0 0 0; text-align:right;}
.bggray{ background:#f9f9f9}
</style>
</head>
<body>
  <include file="Left/top" />
<!--main_top-->
<table width="99%" border="0" cellspacing="0" cellpadding="0" id="searchmain">
  <tr>
    <!-- <td width="99%" align="left" valign="top">您的位置：用户管理</td> -->
  </tr>
  <tr>
    <td align="left" valign="top">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" id="search">
  		<!-- <tr>
   		 <td width="90%" align="left" valign="middle">
	         <form method="post" action="">
	         <span>管理员：</span>
	         <input type="text" name="" value="" class="text-word">
	         <input name="" type="button" value="查询" class="text-but">
	         </form>
         </td>
  		  <td width="10%" align="center" valign="middle" style="text-align:right; width:150px;"><a href="add.html" target="mainFrame" onFocus="this.blur()" class="add">新增管理员</a></td>
  		</tr> -->
      <tr>
        <td width="90%" align="left" valign="middle">
        <span>是否上线</span>
            <select class="channel" name="shangxian">
                  <option value="" >全部</option>
                  <option value="1" <if condition="$up eq 1">selected</if>>上线</option>
                  <option value="2" <if condition="$up eq 2">selected</if>>下线</option>
            </select>
        
        <span>渠道名称</span>
            <input type="text" name="qudao" value="{$qudao}">
            <input type="submit" id="sub" value="查询">
        </td>
    </tr>
	</table>

    </td>
  </tr>
  <tr>
    <td align="left" valign="top">
    
    <table width="100%" border="0" cellspacing="0" cellpadding="0" id="main-tab">
      <tr>
        <th align="center" valign="middle" class="borderright">编号</th>
        <th align="center" valign="middle" class="borderright">渠道名称</th>
        <th align="center" valign="middle" class="borderright">渠道编号</th>
        <th align="center" valign="middle" class="borderright">渠道链接</th>
        <th align="center" valign="middle" class="borderright">流量比例</th>
        <th align="center" valign="middle" class="borderright">是否上线</th>
        <th align="center" valign="middle">创建时间</th>
      </tr>
      <foreach name="data" item="val">
      <tr onMouseOut="this.style.backgroundColor='#ffffff'" onMouseOver="this.style.backgroundColor='#edf5ff'">
        <td align="center" valign="middle" class="borderright borderbottom"><input type="checkbox" id="fruit"  autocomplete="off" style="margin-right:3px;height:18px; vertical-align:text-top; margin-top:0;" value="{$val['channel_id']}"/><?=$val['channel_id']?></td>
        <td align="center" valign="middle" class="borderright borderbottom"><?=$val['channel_name']?></td>
        <td align="center" valign="middle" class="borderright borderbottom"><?=$val['channel_number']?></td>
        <td align="center" valign="middle" class="borderright borderbottom"><a href="<?=$val['channel_link']?>"><?=$val['channel_link']?></a></td>
        <td align="center" valign="middle" class="borderright borderbottom"><input type="text" style="width:90px;height:30px"><input data-id="{$val['channel_id']}" class="adjust" type="button" value="确定" style="border:none;width:60px;height:30px;margin:0 10px;cursor:pointer"><span>{$val['adjust']}%</span></td>
         <td align="center" valign="middle" class="borderright borderbottom"><if condition="$val['status'] eq 1"><span style="color:green">上线</span><else /><span style="color:red">下线</span></if></td>
        <td align="center" valign="middle" class="borderright borderbottom"><?=date('Y-m-d',$val['channel_time'])?></td>
        <!--<td align="center" valign="middle" class="borderbottom"><a href="add.html" target="mainFrame" onFocus="this.blur()" class="add">编辑</a><span class="gray">&nbsp;|&nbsp;</span><a href="add.html" target="mainFrame" onFocus="this.blur()" class="add">删除</a></td>-->
      </tr>
    </foreach>
    </table></td>
    </tr>
    <style>
      .a1{
        float: left;
        padding-left: 10px;
        cursor: pointer;
      }
    </style>
  <tr>
      <td align="left" valign="top" class="fenye">
        <a class="a1" onclick="checkall(1)">全选</a>
        <a class="a1" onclick="checkall(2)">反选</a>
        <a class="a1" onclick="status(1)">全部上线</a>
        <a class="a1" onclick="status(2)">全部下线</a>
        <?=$num?> 条数据&nbsp;&nbsp;
        <a href="javascript:void (0)" p="1" search="{$search}" onclick="page(this);">首页</a>&nbsp;
        &nbsp;
        <a href="javascript:void (0)"  p="<?php echo max(1,$p-1); ?>" search="{$search}" onclick="page(this);">上一页</a>&nbsp;&nbsp;
        <input type="number" name="" id="go" style="width:60px;text-align: center;" value="{$p}"><button style="margin-left:10px;font-size:10px;" onclick="go()">GO</button>
        <a href="javascript:void (0)" p="<?php echo min($page_num,$p+1); ?>" search="{$search}"onclick="page(this);">下一页</a>&nbsp;
        &nbsp;<a href="javascript:void (0)" p="{$page_num}" search="{$search}" onclick="page(this);">尾页</a>
        </td>
  </tr>
</table>
    <form id="form" action="{:U('channellist')}" method="post">
        <input type="hidden" name="up" id="up" value="{$up}" />
        <input type="hidden" name="p" id="pp" value="{$p}">
        <input type="hidden" name="qudao" id="qudao" value="">
    </form>
</body>
<script type="text/javascript" src="./js/jquery.min.js"></script>
<script type="text/javascript" src="./js/common.js"></script>
<script type="text/javascript">
        $(".channel").change(function(){
            $("#up").val($(this).val());
            $("#pp").val(1);
            
        })
        $("#sub").click(function(){
          $("#qudao").val($("input[name=qudao]").val());
             $("#form").submit();
        })
    function go(){
        var p=$("#go").val();
        if (isNaN(parseFloat(p)) || parseFloat(p) <= 0){
          p = 1;
        }
          $('#pp').val(p);//获取页数
          $("#qudao").val($("input[name=qudao]").val());
          // console.log($('#searchtime').val());
          $('#form').submit();
    }
     function page(e)
      {
          var p=$(e).attr('p');
          $('#pp').val(p);//获取页数
          $("#qudao").val($("input[name=qudao]").val());
          // console.log($('#searchtime').val());
          $('#form').submit();

      }
    function checkall(that){
      if(that == 1){
        $("input[type=checkbox]").each(function(){
              $(this).attr("checked","checked");
        })
      }else{
        $("input[type=checkbox]").each(function(){
              $(this).removeAttr("checked");
        })
      }
    }
    function status(that){
        var pid_array = new Array();
        //要删除所有选项                   
        $('input[id="fruit"]:checked').each(function(){  
            pid_array.push($(this).val());//向数组中添加元素                                           
        });  
        var pids=pid_array.join(",");
        if(that == 1){
          var msg = "请确认是否全部上线"; 
        }else{
          var msg = "请确认是否全部下线";
        }
        if (confirm(msg)==true){ 
             ajaxArr        = {};
             ajaxArr.pid    = pids;
             ajaxArr.status = that;
             $.ajax({
                url:"{:U('statusAll')}",
                data:ajaxArr,
                type:"post",
                success:function(e){
                  if(e.code == 1){
                     location.reload();
                  }else{
                    alert(e.msg);
                  }
                }
             })
         }else{ 
           return false; 
         } 
    }
    $('.adjust').each(function(){
        var _this = $(this);
        $(this).click(function(){
            var id = _this.attr('data-id');

            var adjust = Math.floor(_this.prev().val());

            if(isNaN(adjust)){
              alert('请输入数字!');
              return;
            }

            if(adjust < 0 || adjust > 100){
                alert('比例输入有误,请重新输入!');
                return;
            }


            var data = {id:id,adjust:adjust};

            var url = "{:U('adjust')}";

            $.post(url,data,function(e){
                if(e.code == 1){
                    alert(e.msg);
                    var content = adjust + '%';
                    _this.next().html(content);
                    _this.prev().val('');
                }
            },'JSON');
        });
    });
</script>
</html>
